<div id="content">
  <div class="row s_page_title">
    <sa-big-breadcrumbs
      [items]="['物料跟踪管理', '发货单管理']"
      icon="fa-lg fa-fw fa fa-cubes"
      class="col-xs-12 col-sm-7 col-md-7 col-lg-4"
    ></sa-big-breadcrumbs>
  </div>
  <sa-widgets-grid>
    <div class="s_table">
      <div sa-widget [editbutton]="false" color="darken" class="clearfix">
        <header>
          <span class="widget-icon"><i class="fa fa-table"></i></span>
          <h2>发货单管理</h2>
        </header>
        <div>
          <div class="widget-body no-padding">
            <div class="page-header clearfix s_table_opreation">
              <div class="left page-header-btn" style="width: calc(100% - 280px)">
                <div class="top_module">
                  <span class="module_text">项目名称</span>
                  <div class="s_hover_box">
                    <select class="select2" id="projectNameSelect">
                      <option value=""></option>
                    </select>
                    <div class="s_del_icon" (click)="delProjectName()">x</div>
                  </div>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">订单类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="tableParamOrderType" (change)="table_search()">
                    <option value="">全部</option>
                    <option value="0">销售订单</option>
                    <option value="1">补货订单</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">销售类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="salesType" (change)="table_search()">
                    <option value="">全部</option>
                    <option value="1">销售</option>
                    <option value="2">测试</option>
                    <option value="3">样机</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">补货类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="replenishmentType" (change)="table_search()">
                    <option value="">全部</option>
                    <option value="1">维修</option>
                    <option value="2">退货</option>
                    <option value="3">换货</option>
                    <option value="4">测试</option>
                    <option value="5">领料</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">发货状态</span>
                  <select name="" class="top_module_select" [(ngModel)]="state" (change)="table_search()">
                    <option value="">全部</option>
                    <option value="1">未发货</option>
                    <option value="2">已发货</option>
                    <option value="3">已签收</option>
                  </select>
                </div>
                <div class="top_module" id="userNameTable">
                  <span class="module_text">选择对接人</span>
                  <div class="s_hover_box">
                    <select class="select2" id="userNameTableSelect">
                      <option value=""></option>
                    </select>
                    <div class="s_del_icon" (click)="delTableUserName()">x</div>
                  </div>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">时间类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="dateType">
                    <option value="1">发货时间</option>
                    <option value="3">创建时间</option>
                  </select>
                </div>
                <div class="selectDate top_module">
                  <table-select-date [notInit]="true" (outerTime)="datePickerSelected($event)"></table-select-date>
                </div>

                <button type="button" class="btn btn-primary" (click)="table_search()">查看</button>
                <button type="button" class="btn btn-primary" (click)="dataExceport()">导出</button>
              </div>
              <div class="right top-search" style="width: 280px">
                <input
                  type="text"
                  [(ngModel)]="searchKey"
                  (change)="table_search()"
                  class="search-input"
                  placeholder="快递单号/订单编号/项目经理/地址/发货人"
                />
                <span class="top-search-box">
                  <button class="top-search-btn" type="button" (click)="table_search()">
                    <i class="fa fa-search"></i>
                  </button>
                </span>
              </div>
            </div>
            <div class="table_scroll">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
              >
                <thead>
                  <tr>
                    <th>项目名称</th>
                    <th>所属厂区</th>
                    <th>项目经理</th>
                    <th>订单编号</th>
                    <th>订单类型</th>
                    <th>订单类型细分</th>
                    <th>接收状态</th>
                    <th>对接人[项目实施]</th>
                    <th>接收时间</th>
                    <th>BOM数量[套]</th>
                    <th>状态</th>
                    <th>发货人</th>
                    <th>发货时间</th>
                    <th>快递单位</th>
                    <th>快递订单号</th>
                    <th>收件人</th>
                    <th>联系电话</th>
                    <th>收货地址</th>
                    <th>操作人</th>
                    <th>操作时间</th>
                    <th style="text-align: center">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of tableData">
                    <td>{{ row.projectName }}</td>
                    <td>{{ row.companyName }}</td>
                    <td>{{ row.pmName }}</td>
                    <td>
                      <span *ngIf="row.type === 0">{{ row.salesOrderNumber }}</span>
                      <span *ngIf="row.type === 1">{{ row.replenishmentOrderNumber }}</span>
                    </td>
                    <td>
                      <span *ngIf="row.type === 0">销售订单</span>
                      <span *ngIf="row.type === 1">补货订单</span>
                    </td>
                    <td>
                      <div *ngIf="row.type === 0">
                        <span *ngIf="row.salesType === 1">销售</span>
                        <span *ngIf="row.salesType === 2">测试</span>
                        <span *ngIf="row.salesType === 3">样机</span>
                      </div>
                      <div *ngIf="row.type === 1">
                        <span *ngIf="row.replenishmentType === 1">维修</span>
                        <span *ngIf="row.replenishmentType === 2">退货</span>
                        <span *ngIf="row.replenishmentType === 3">换货</span>
                        <span *ngIf="row.replenishmentType === 4">测试</span>
                        <span *ngIf="row.replenishmentType === 5">领料</span>
                      </div>
                    </td>
                    <td>
                      <span *ngIf="row.isReceive === 0">未接收</span>
                      <span *ngIf="row.isReceive === 1" class="green">已接收</span>
                    </td>
                    <td>{{ row.receiveMan }}</td>
                    <td>{{ row.receiveTime }}</td>
                    <td>{{ row.num }}</td>
                    <td>
                      <span *ngIf="row.state === 1">未发货</span>
                      <span *ngIf="row.state === 2" class="orange">
                        已发货 &nbsp;&nbsp;
                        <button type="button" (click)="showExpress(row, expressModal)">>>查看物流</button>
                      </span>
                      <span *ngIf="row.state === 3" class="green">
                        已签收 &nbsp;&nbsp;
                        <button type="button" (click)="showExpress(row, expressModal)">>>查看物流</button>
                      </span>
                    </td>
                    <td>{{ row.deliverer }}</td>
                    <td>{{ row.deliverTime }}</td>
                    <td>{{ row.expressDeliveryUnit }}</td>
                    <td>{{ row.expressDeliveryNumber }}</td>
                    <td>{{ row.addressee }}</td>
                    <td>{{ row.addresseePhone }}</td>
                    <td>{{ row.address }}</td>
                    <td>{{ row.operateMan }}</td>
                    <td>{{ row.operateTime }}</td>
                    <td style="text-align: center">
                      <button type="button" (click)="materialModal(row, bomMaterialModal)">物料明细</button>
                      <!--<span *ngIf="row.state == 2">-->
                      <button
                        type="button"
                        (click)="table_docking(row, $event, bomSalesModal)"
                        *ngIf="row.isReceive === 1"
                        style="color: #777; cursor: not-allowed"
                      >
                        绑定对接人
                      </button>
                      <!-- 绑定对接人 isReceive改变只有已经接收 才会改变 -->
                      <button
                        type="button"
                        (click)="table_docking(row, $event, bomSalesModal)"
                        *ngIf="row.isReceive === 0"
                      >
                        绑定对接人
                      </button>
                      <!--</span>-->
                      <button type="button" *ngIf="isShowDelete" (click)="deleteBtn(row)">删除</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-fix clearfix">
              <paginator
                [totalRecords]="totalCount"
                [rows]="pageSize"
                [currentPage]="curPage - 1"
                (onPageChange)="paginate($event)"
              ></paginator>
              <button type="button" class="btn default refresh_btn" (click)="refresh()">
                <i class="fa fa-refresh"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </sa-widgets-grid>
  <!--    弹窗 绑定对接人-->
  <section
    bsModal
    #bomSalesModal="bs-modal"
    id="bomSalesModal"
    class="modal fade"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="modalClose(bomSalesModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">绑定对接人</h4>
        </div>
        <form
          id="bomSalesFrom"
          class="form-horizontal"
          role="form"
          novalidate="novalidate"
          [saBootstrapValidator]="validatorOptions"
        >
          <div class="modal-body">
            <div class="row form-horizontal">
              <div class="form-group col-xs-12 s_fix_select2_width s_fix_select2">
                <label class="control-label col-xs-2" for="newPassword">
                  对接人
                  <sup>*</sup>
                </label>
                <div class="col-xs-10">
                  <input type="hidden" name="userNameFrom" id="userNameFrom" [(ngModel)]="bomSalesFrom.receiveMan" />
                  <div class="s_hover_box">
                    <select class="select2" id="userNameSelect2From">
                      <option value=""></option>
                    </select>
                    <div class="s_del_icon" (click)="delUserNameFrom()">x</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" (click)="modalClose(bomSalesModal)">取消</button>
            <button type="button" class="btn btn-primary" (click)="userControlSubmit(bomSalesModal)">确认</button>
          </div>
        </form>
      </div>
    </div>
  </section>
  <!--  弹窗end-->

  <!--    弹窗 物料明细-->
  <!--<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">-->
  <section
    bsModal
    #bomMaterialModal="bs-modal"
    id="bomMaterialModal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg" style="min-width: 1000px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="materialModalClose(bomMaterialModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <button
            type="button"
            style="
              position: absolute;
              right: 145px;
              top: 9px;
              min-width: 80px;
              height: 28px;
              line-height: 16px;
              left: auto;
            "
            class="btn btn-primary"
            (click)="addBomMaterial(bomMaterialModal)"
            *ngIf="isShowAddSell"
          >
            新增
          </button>
          <button
            type="button"
            style="
              position: absolute;
              right: 50px;
              top: 9px;
              min-width: 80px;
              height: 28px;
              line-height: 16px;
              left: auto;
            "
            class="btn btn-primary"
            (click)="exportMaterialData(sellOrderId)"
          >
            导出明细
          </button>
          <h4 class="modal-title">物料明细</h4>
        </div>
        <div class="modal-body" style="min-height: 240px; max-height: 460px; overflow: auto">
          <div class="row form-horizontal">
            <div class="table_scroll" style="overflow-x: inherit">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
              >
                <thead>
                  <tr>
                    <th>类型</th>
                    <th>外壳编码</th>
                    <th>产品名称</th>
                    <th *ngIf="orderType == 0">BOM编码</th>
                    <th>数量</th>
                    <th>录入人</th>
                    <th>录入时间</th>
                    <th *ngIf="isShowAddSell">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of materialData">
                    <td>{{row.materielTypeStr?row.materielTypeStr:"--"}}</td>
                    <td>{{ row.hullName }}</td>
                    <td>{{ row.productName }}</td>
                    <td *ngIf="orderType == 0">
                      <span>{{ row.bomNumber }}</span>
                    </td>
                    <td>{{ row.num }}</td>
                    <td>{{ row.enterMan }}</td>
                    <td>{{ row.enterTime }}</td>
                    <td *ngIf="isShowAddSell"><button type="button" (click)="deleteBomBtn(row)">删除</button></td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div *ngIf="materialData.length == 0" style="text-align: center; color: #ccc; line-height: 80px">
              暂无数据
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--  弹窗end-->

  <!-- 物流详情的弹框 -->
  <section
    bsModal
    #expressModal="bs-modal"
    id="expressModal"
    class="modal fade"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" aria-label="Close" (click)="expressModalClose(expressModal)">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">物流详情</h4>
        </div>
        <div class="modal-body" style="padding-top: 15px">
          <!-- 展示物流的 -->
          <h3 class="expressH3">
            快递公司：
            <span>{{ expressCompany }}</span>
          </h3>
          <h3 class="expressH3">
            快递单号：
            <span>{{ expressNumber }}</span>
          </h3>
          <div class="fengeline"></div>
          <h3 class="expressH3">物流进程：</h3>
          <ul class="expressWrap" *ngIf="expressList.length > 0">
            <li class="expressLi" *ngFor="let item of expressList; let i = index">
              <div class="processIcon">
                <!-- 完成 -->
                <img *ngIf="item.status == '签收'" src="assets/img/express/wancheng.png" alt="已签收" />
                <!-- 运输中最后一个 -->
                <img
                  *ngIf="item.status != '签收' && i == 0 && i != expressList.length - 1"
                  src="assets/img/express/yunshuzhong.png"
                  alt="运输中"
                />
                <!-- 运输中箭头 -->
                <img
                  *ngIf="item.status != '签收' && i != 0 && i != expressList.length - 1"
                  style="height: 80%; width: 80%; position: absolute; left: 2px"
                  src="assets/img/express/top.png"
                  alt="运输中"
                />
                <!-- 开始的图标 -->
                <img
                  *ngIf="item.status != '签收' && i != 0 && i == expressList.length - 1"
                  style="height: 80%; width: 80%; position: absolute; top: 7px; left: 2px"
                  src="assets/img/express/yuan.png"
                  alt="运输中"
                />
              </div>
              <div class="processline" *ngIf="i != expressList.length - 1"></div>
              <div>
                <div class="contextTitle" *ngIf="i == 0 && item.status == '签收'">已签收</div>
                <div class="contextTitle" *ngIf="i == 0 && item.status == '在途'">运输中</div>
                <div class="contextTitle" *ngIf="i == 0 && item.status == '派件'">派件中</div>
                {{ item.context }}
              </div>
              <div>
                {{ item.ftime }}
              </div>
            </li>
          </ul>
          <div *ngIf="expressList.length == 0" style="color: #999999; text-align: center">暂无物流数据</div>
        </div>
      </div>
    </div>
  </section>
  <!--  物流详情的弹框 end-->

  <!--    弹窗 添加编辑物料编码-->
  <section id="addBomCodeModal" class="modal fade" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="min-width: 800px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeAddBomModal()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">添加物料信息</h4>
        </div>
        <div class="modal-body" style="min-height: 240px; max-height: 460px; overflow: auto">
          <form
            id="bomHoldFrom"
            class="form-horizontal"
            role="form"
            novalidate="novalidate"
            [saBootstrapValidator]="validatorOptions"
          >
            <div class="row form-horizontal">
              <div class="form-group clearfix">
                <div class="col-xs-11 AllBom">
                  <label class="col-sm-6 allLableBom" *ngFor="let item of materialList; let i = index">
                    <input
                      type="radio"
                      class="radioSales radioBom"
                      name="bomNumber"
                      [value]="i"
                      (click)="clickBomNumber(item.bomNumber, i, material.materielType)"
                      [checked]="i == isCheck"
                    />
                    <div style="margin-left: 10px">
                      <span style="display: block; color: #000">{{ item.bomNumber }}</span>
                      <span style="color: #666">{{ item.describe }}</span>
                    </div>
                  </label>
                </div>
              </div>
              <div class="form-group clearfix">
                <label class="col-xs-2 control-label">
                  物料类型
                  <sup>*</sup>
                </label>
                <div class="col-xs-10">
                  <div *ngIf="material.materielType == 1">
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="1"
                        (click)="clickMaterielType(1)"
                        checked
                      />
                      主机
                    </label>
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="2"
                        (click)="clickMaterielType(2)"
                      />
                      传感器
                    </label>
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="3"
                        (click)="clickMaterielType(3)"
                      />
                      线材
                    </label>
                  </div>
                  <div *ngIf="material.materielType == 2">
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="1"
                        (click)="clickMaterielType(1)"
                      />
                      主机
                    </label>
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="2"
                        (click)="clickMaterielType(2)"
                        checked
                      />
                      传感器
                    </label>
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="3"
                        (click)="clickMaterielType(3)"
                      />
                      线材
                    </label>
                  </div>
                  <div *ngIf="material.materielType == 3">
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="1"
                        (click)="clickMaterielType(1)"
                      />
                      主机
                    </label>
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="2"
                        (click)="clickMaterielType(2)"
                      />
                      传感器
                    </label>
                    <label class="col-sm-4" style="margin-bottom: 0px">
                      <input
                        type="radio"
                        class="radioSales"
                        name="materielType"
                        value="3"
                        (click)="clickMaterielType(3)"
                        checked
                      />
                      线材
                    </label>
                  </div>
                </div>
              </div>
              <div class="form-group clearfix">
                <div
                  class="Bomgroup col-xs-11"
                  *ngFor="let item of materialDetailList; let indexNum = index"
                  [ngClass]="{ Check: indexNum == isDetailCheck }"
                  (click)="materialDetail(indexNum)"
                >
                  <div class="col-sm-12">
                    <label class="control-label col-sm-12 no-padding-right" style="text-align: left">
                      名称:
                      <span style="margin-left: 10px">{{ item.productName }}</span>
                    </label>
                  </div>
                  <div class="col-sm-12">
                    <label class="control-label col-sm-12 no-padding-right" style="text-align: left">
                      BOM编码:
                      <span style="margin-left: 10px">{{ item.bomNumber }}</span>
                    </label>
                  </div>
                  <div class="col-sm-12" style="margin-top: 5px">
                    <div class="col-sm-3">总量：{{ item.totalCount }}</div>
                    <div class="col-sm-3">套数：{{ item.setNum }}</div>
                    <div class="col-sm-3">件数：{{ item.num }}</div>
                    <div class="col-sm-3">
                      已添加：
                      <span class="green">{{ item.addedCount }}</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group clearfix">
                <label class="control-label col-sm-2 no-padding-right">
                  名称
                  <sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <!-- 这里的对象就是要添加往后台传的 -->
                    <input
                      class="form-control"
                      name="productName"
                      [(ngModel)]="material.productName"
                      type="text"
                      disabled
                      placeholder="填写名称"
                    />
                  </div>
                </div>
              </div>
              <div class="form-group clearfix">
                <label class="control-label col-sm-2 no-padding-right">
                  数量
                  <sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <!-- 这里的对象就是要添加往后台传的 -->
                    <input
                      class="form-control"
                      name="NumBer"
                      [(ngModel)]="material.NumBer"
                      type="text"
                      placeholder="填写数量"
                      *ngIf="material.materielType != 1"
                    />
                    <input
                      class="form-control"
                      name="NumBer"
                      [(ngModel)]="material.NumBer"
                      type="text"
                      placeholder="填写数量"
                      *ngIf="material.materielType == 1"
                      [disabled]="material.materielType == 1"
                    />
                  </div>
                </div>
              </div>
              <div class="form-group clearfix" *ngIf="material.materielType == 1">
                <label class="control-label col-sm-2 no-padding-right">
                  外壳编码
                  <sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <!-- 这里的对象就是要添加往后台传的 -->
                    <input
                      class="form-control"
                      name="hullName"
                      [(ngModel)]="material.hullName"
                      type="text"
                      placeholder="填写外壳编码"
                    />
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="closeAddBomModal()">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitModal()">提交</button>
        </div>
      </div>
    </div>
  </section>
  <!--  弹窗end-->

  <!-- bom明细新增-退货订单  yangyang  20210302    弹窗-->
  <section
    id="bomCodePageModal"
    class="modal fade"
    role="dialog"
    aria-labelledby="myLargeModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-lg" style="width: 800px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeAddBomModal()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">添加物料信息</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group clearfix">
              <div class="col-xs-11 AllBom">
                <label class="col-sm-6 allLableBom" *ngFor="let item of materialList; let i = index">
                  <input
                    type="radio"
                    class="radioSales radioBom"
                    name="bomNumber"
                    [value]="i"
                    (click)="materialClick(item)"
                    [checked]="i == isCheck"
                  />
                  <div style="margin-left: 10px">
                    <div>
                      物料编码：
                      <span style="color: #000">{{ item.materielNumber }}</span>
                    </div>
                    <div>物料名称：{{ item.productName }}</div>
                    <div>总量：{{ item.totalCount }}</div>
                    <div>
                      已添加：
                      <span class="green">{{ item.addedCount }}</span>
                    </div>
                  </div>
                </label>
              </div>
            </div>
            <div class="form-group clearfix">
              <label class="control-label col-sm-2 no-padding-right">
                名称
                <sup>*</sup>
              </label>
              <div class="col-sm-9">
                <div class="clearfix">
                  <input
                    class="form-control"
                    name="productName"
                    [(ngModel)]="material.productName"
                    type="text"
                    disabled
                    placeholder="填写名称"
                  />
                </div>
              </div>
            </div>
            <div class="form-group clearfix">
              <label class="control-label col-sm-2 no-padding-right">
                数量
                <sup>*</sup>
              </label>
              <div class="col-sm-9">
                <div class="clearfix">
                  <input
                    class="form-control"
                    name="NumBer"
                    [(ngModel)]="material.NumBer"
                    type="text"
                    placeholder="填写数量"
                    [disabled]="material.materielType == 1"
                  />
                </div>
              </div>
            </div>
            <div class="form-group clearfix" *ngIf="material.materielType == 1">
              <label class="control-label col-sm-2 no-padding-right">
                外壳编码
                <sup>*</sup>
              </label>
              <div class="col-sm-9">
                <div class="clearfix">
                  <input
                    class="form-control"
                    name="hullName"
                    [(ngModel)]="material.hullName"
                    type="text"
                    placeholder="填写外壳编码"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="closeAddBomModal()">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitModal()">确认</button>
        </div>
      </div>
    </div>
  </section>
  <!-- bom明细新增 弹窗end-->
</div>
<style>
  .radioSales {
    margin: 8px 8px 0 0;
    /* padding-top: 29px; */
    position: relative;
    top: 1px;
  }
  .Bomgroup {
    background-color: #f3f3f3;
    display: block;
    height: 80px;
    margin-left: 25px;
    margin-bottom: 10px;
    padding-left: 0px;
  }
  .Check {
    border: 1px solid #9cd695;
  }
  .AllBom {
    margin-left: 25px;
    background-color: #f1f1f1;
  }
  .allLableBom {
    margin-bottom: 0px;
    position: relative;
    padding: 10px 13px;
  }
  .radioBom {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 0px;
  }
</style>
